<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>测试</title>
</head>

<body>
<div data-role="view" data-layout="footer_tab" data-disable-swipe-backward="true" id="find_index">
    <div class="banner">
        <div class="search_model">
            <div class="mui-input-row">
                <span class="mui-icon mui-icon-search"></span>
                <div id="search-info" class="">搜索</div>
            </div>
        </div>
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="img/find/banner_01.jpg" alt=""/></div>
                <div class="swiper-slide"><img src="img/find/banner_02.jpg" alt=""/></div>
                <div class="swiper-slide"><img src="img/find/banner_03.jpg" alt=""/></div>
            </div>
            <div class="swiper-pagination"></div>
        </div>
    </div>

    <div class="topic">
        <h5>热门话题</h5>
        <div class="list_topic ">东野圭吾</div>
        <div class="list_topic ">青春</div>
        <div class="list_topic ">生活家</div>
        <div class="list_topic ">旅行 · 在路上</div>
        <div class="list_topic ">想法</div>
        <div class="list_topic ">健康&养生</div>
        <div class="list_topic ">摄影</div>
        <div class="list_topic ">财经 · 投资 · 理财</div>
    </div>

    <div class="circle">
        <h5 id="h5">热门文章</h5>
        <div class="cle_content">
            <ul class="content_ul">
                <li class="item template">
                    <div class="header">
                        <img src="img/message/index/head.jpg" alt="" class="lazy_load"/>
                        <div class="body">
                            <!--作者-->
                            <p class="avatar">???</p>
                            <!--发表时间-->
                            <p class="date">???</p>
                        </div>
                    </div>
                    <div class="content">
                        <!--配图-->
                        <div class="img_ct">
                            <img src="img/find/banner_01.jpg" class="image_con lazy_load" alt=""/>
                        </div>
                        <!--标题-->
                        <p class="title">???</p>
                        <!--内容-->
                        <p class="desc ellipsis-2">???</p>
                    </div>
                    <div class="footer">
                        <div class="tab">
                            <!--文章标签-->
                            <span class="text">书法</span>
                        </div>
                        <!--文章评价与喜欢-->
                        <div class="handle">
                            <span class="comm">0</span>评论 &nbsp;·
                            <span class="like">0</span>喜欢
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
</body>

</html>